import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../../../util/adapt';

export default StyleSheet.create({
  container: {
    width: phonePx(328),
    minHeight: phonePx(78),
    alignItems: 'center',
    borderRadius: phonePx(8),
    backgroundColor: '#EFF8FF',
    marginLeft: phonePx(16),
    marginTop: phonePx(20)
  },
  name: {
    marginTop: phonePx(17),
    width: phonePx(296),
    fontSize: phonePx(16),
    lineHeight: phonePx(24),
    color: '#2A2A2A',
    fontWeight: '500'
  },
  timeAndLesson: {
    marginTop: phonePx(4),
    height: phonePx(16),
    width: phonePx(296),
    flexDirection: 'row',
    alignItems: 'flex-end',
    justifyContent: 'space-between',
    marginBottom: phonePx(17)
  },
  time: {
    color: '#3C96FA',
    fontSize: phonePx(12)
  },
  lessonType: {
    width: phonePx(30),
    height: phonePx(16),
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#ffffff',
    borderRadius: phonePx(4)
  },
  type: {
    color: '#3C96FA',
    fontSize: phonePx(12),
    fontWeight: 'bold'
  },
  vodContent: {
    height: phonePx(54),
    width: phonePx(296),
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'flex-start'
  },
  line: {
    position: 'absolute',
    left: 0,
    top: 0,
    right: 0,
    height: 1,
    backgroundColor: 'rgba(255, 255, 255, .6)'
  },
  content: {
    height: phonePx(24),
    paddingHorizontal: phonePx(12),
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center',
    borderRadius: phonePx(13.5),
    backgroundColor: '#ffffff'
  },
  problem: {
    marginLeft: phonePx(20)
  },
  icon: {
    width: phonePx(14),
    height: phonePx(14)
  },
  desc: {
    marginLeft: phonePx(4),
    color: '#6AA0FF',
    fontSize: phonePx(12),
    fontWeight: '500'
  }
});
